<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 重置样式 -->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<!-- 公共样式 -->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!-- 页面样式 -->
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<!-- 网页图标 -->
		<link rel="shortcut icon" href="./img/b.ico"/>
	</head>
	<body>
		
		<!-- 头部 s -->
		<header class="clearfix">
			<div class="btnFl fl">
				<a href="buy_index.html">Back</a>
			</div>
			<div class="pick fr">
				<a href="">
					<img src="img/xf.png"/>
				</a>
			</div>
			<div class="titleFl">
				我的
			</div>
		</header>
		<!-- 头部 e -->
		
		<!-- 主体 s -->
		<section>
			<!-- 登录部分 -->
			<div class="login clearfix">
				<div class="login_pic fl">
					<img src="img/w7.png"/>
				</div>
				<div class="login_set fl clearfix">
					<div class="setR fl">
						<a href="">点击登录</a>
						<a href="">常居地未设置</a>
					</div>
					<div class="setL fr">
						<a href="">
							<img src="img/w8.png"/>
						</a>
					</div>
				</div>
			</div>
			<!-- 图区选择 -->
			<div class="picSelt clearfix">
				<div class="picS fl">
					<a href=""><img src="img/images/我的_03.png"/></a>
				</div>
				<div class="picS fl">
					<a href=""><img src="img/images/我的_05.png"/></a>
				</div>
				<div class="picS fl">
					<a href=""><img src="img/images/我的_07.jpg"/></a>
				</div>
			</div>
			<!-- 更多选择 -->
			<div class="moreSelt">
				<!-- 第一行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w1.png"/>
						<span>我的钱包</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
				<!-- 第二行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w2.png"/>
						<span>代点评</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
				<!-- 第三行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w3.png"/>
						<span>找好友</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
				<!-- 第四行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w4.png"/>
						<span>我的足迹</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
				<!-- 第五行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w5.png"/>
						<span>设置</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
				<!-- 第六行 -->
				<div class="mS clearfix">
					<div class="ms_L fl">
						<img src="img/w6.png"/>
						<span>联系</span>
					</div>
					<div class="ms_R fr">
						<a href="">
							<span>更多</span>
							<img src="img/jiantou.png"/>
						</a>
					</div>
				</div>
			</div>
			<!-- 底部按钮 -->
			<div class="btnBot clearfix">
				<div class="btnL fl">
					<a href="">
						<span>退出</span>
					</a>
				</div>
				<div class="btnR fl">
					<a href="">
						<span>注销</span>
					</a>
				</div>
			</div>
		</section>
		<!-- 主体 e -->
			 
        <!-- 底部 s -->
		<footer>
			<div class="choose_page clearfix">
				<div class="shouye fl">
					<a href="buy_index.html">
						<img src="img/zy.png"/>
					</a>
					<div>首页</div>
				</div>
				<div class="fenlei fl">
					<a href="buy_fenlei.html">
						<img src="img/fenl.png"/>
					</a>
					<div>分类</div>
				</div>
				<div class="faxian fl">
					<a href="buy_faxian.html">
						<img src="img/fax.png"/>
					</a>
					<div>发现</div>
				</div>
				<div class="my fl">
					<a href="buy_my.html">
						<img src="img/wd.png"/>
					</a>
					<div>我的</div>
				</div>
			</div>
		</footer>
		<!-- 底部 e -->
		
		<!--js代码 启动swiper对象-->   
		<script  type="text/javascript" charset="utf-8">
					    document.body.style.height = window.innerHeight + "px";
		    
		    /*动态改变根元素字体大小*/
		    function recalc() {
		    	// 获取客户端的宽度
		        var clientWidth = document.documentElement.clientWidth;
		        if(!clientWidth) return;
		        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
		        document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
		    }
		
		    function initRecalc() {
		        recalc();
		        // if(浏览器支持横竖屏切换的事件){横竖屏事件}else{ resize事件 }
		        var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
		        if(!document.addEventListener) return;
		        window.addEventListener(resizeEvt, recalc, false);
		        document.addEventListener('DOMContentLoaded', recalc, false);
		    }
		    initRecalc();   
		    
			var mySwiper = new Swiper(".pic_swiper", {
				direction: "horizontal", // 轮播方式的方向：横向/垂直
				loop: true, // 是否需要循环
				autoplay:true,              // 自动轮播
				pagination: { //分页
					el: '.swiper-pagination',
				},
			})
		</script>
	</body>
</html>
